<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>趣学网</title>
		<meta name="description" content=" ">
		<meta name="keywords" content=" ">
		<!-- 引入ico图标 -->
		<link rel="shortcut icon" href="bitbug_favicon.ico">
		<!-- 引入初始化 -->
		<link rel="stylesheet" href="css/base.css">
		<!-- 引入index.css -->
		<link rel="stylesheet" href="css/index.css">
		<!-- 引入classify.css -->
		<link rel="stylesheet" href="css/classify.css">
		<!-- 引入bottom.css -->
		<link rel="stylesheet" href="css/bottom.css">
		<!-- 登录注册 -->
		<link rel="stylesheet" href="css/style.css">
		<!-- 引入classify.js -->
		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/classify.js" defer="true"></script>
		<!-- 轮播图 -->
		<script src="js/pto_roll.js"></script>
		<script src="js/index.js"></script>
		<!-- 登录注册 -->
		<script src="js/script.js"></script>
		<!-- 返回顶部 -->
		<script src="js/goBack.js"></script>
		<script>
			$(document).ready(function() {
            $(".text").focus(function() {
                // 获取焦点全选
                $(this).select();
            })
        });
    </script>
	</head>

	<body>
		<!-- header begin -->
		<div class="hd w">
			<div class=" logo-img clearfix">
				<h1 class=".clearfix">
					<a href="index.html">
						<img src="img/42.png" alt="宅学网">
					</a>
				</h1>
			</div>
			<div class="search-cont clearfix">
				<div class="search-l-cir">
					<span class="course">课程</span>
					<span class="course-ico"></span>
				</div>
				<div class="search-middle">
					<input type="text" placeholder="Python数据分析师的高薪秘籍" class="text">
				</div>
				<div class="search-r-cir">
					<span class="search-r-cir-ico"> </span>
				</div>
			</div>
			<div class="hd-r-choice clearfix">
				<ul class="clearfix">
					<li>管理后台</li>
					<li>我的学习</li>
					<li class="ico"></li>
					<li class="ico"></li>
					<li></li>
					<li>
						<a href="login.html">登陆</a>/
						<a href="register.html">注册</a>
					</li>
					<li>
						<div class="user-head">
							<i class="user-head-ico"></i>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--header end -->
		<!-- 导航部分开始 -->
		<div class="nav w clearfix ">
			<p class="hot-items">
				热门
			</p>
			<div class="nav-l">
				<ul>
					<li class="nav-bottom">首页</li>
					<!-- 课程分类classify -->
					<li class="tab">
						课程分类

					</li>
					<li>微专业</li>
			</div>
			<div class="nav-r">
				<ul>
					<li><span></span>关注领福利</li>
					<li><span></span>下载APP</li>
					<li>会员中心</li>
				</ul>
			</div>
		</div>
		<!-- 导航部分结束 -->
		<!-- 大图区域 -->
		<div class="w clearfix section-pic">
			<div id="leftpng">
			</div>
			<div id="rightpng">
				<h2>热门课程</h2><span><img src="img/more.png"></a></span>
				
				<div style="clear: both;"></div>
				<hr />
				<ol type="I">
					<li>零基础5天带你快速入门Java</li>
					<li>数据分析：6步规划快速上岗</li>
					<li>Java开发：玩转架构技术核心</li>
					<li>从零开始：14周打造能赚钱的点</li>
					<li>摄影入门：轻松掌握拍摄技法</li>
					<li>数据挖掘：python抓取与挖掘</li>
					<li>云计算：轻松处理巨大的数据计算</li>
					<li>人工智能：延伸和扩展人的智能的理论</li>
					<li>物联网：信息传感器、射频识别技术</li>
				</ol>
			</div>			
		</div>
		<div style="clear: both;"></div>
		<!-- 课程体系部分 -->
		<div class="system w clearfix">
			<p class="fot">在线课程 <span class="fot-b">在线课程学习，随心选择</span></p>
			<ul>
				<li>
					<a href="#">
						<p>编程开发</p>
						<span>课程体系</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>职场提升</p>
						<span>课程体系</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>创意设计</p>
						<span>课程体系</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>电商管理</p>
						<span>课程体系</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>AI智能</p>
						<span>课程体系</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>产品与运营</p>
						<span>课程体系</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- 在线直播部分 -->
		<div class="live w clearfix">
			<span class="live-top">
				<h2>在线直播</h2> <a href="#" class="live-fot-gd">更多 ></a>
			</span>
			<ul>
				<li>
					<span class="kua">
						<img src="img/01.png" alt="">
					</span>
					<p class="live-fot">明天22:00&nbsp;&nbsp;|&nbsp;<a href="#">开启提醒</a></p>
					<span class="live-fot-z">
						<a href="#" class="live-fot1">
							人工智能应用 <br></a>

						<a href="#" class="live-fot2"> 张三 特约金牌讲师</a>
					</span>
				</li>
				<li>
					<span class="kua">
						<img src="img/02.png" alt="">
					</span>
					<p class="live-fot">明天22:00&nbsp;&nbsp;|&nbsp;<a href="#">开启提醒</a></p>
					<span class="live-fot-z">
						<a href="#" class="live-fot1">
							大数据应用 <br></a>

						<a href="#" class="live-fot2"> 李佳航 特约金牌讲师</a>
					</span>
				</li>
				<li>
					<span class="kua">
						<img src="img/03.png" alt="">
					</span>
					<p class="live-fot">明天22:00&nbsp;&nbsp;|&nbsp;<a href="#">开启提醒</a></p>
					<span class="live-fot-z">
						<a href="#" class="live-fot1">
							物联网应用 <br></a>

						<a href="#" class="live-fot2"> 李嘉林 特约金牌讲师</a>
					</span>
				</li>
			</ul>
			<ul>
				<li>
					<span class="kua">
						<img src="img/04.png" alt="">
					</span>
					<p class="live-fot">明天22:00&nbsp;&nbsp;|&nbsp;<a href="#">开启提醒</a></p>
					<span class="live-fot-z">
						<a href="#" class="live-fot1">
							云计算应用 <br></a>

						<a href="#" class="live-fot2"> 张奇瑞 特约金牌讲师</a>
					</span>
				</li>
				<li>
					<span class="kua">
						<img src="img/05.png" alt="">
					</span>
					<p class="live-fot">明天22:00&nbsp;&nbsp;|&nbsp;<a href="#">开启提醒</a></p>
					<span class="live-fot-z">
						<a href="#" class="live-fot1">
							大数据分析之sql <br></a>

						<a href="#" class="live-fot2"> 李章 特约金牌讲师</a>
					</span>
				</li>
				<li>
					<span class="kua">
						<img src="img/06.png" alt="">
					</span>
					<p class="live-fot">明天22:00&nbsp;&nbsp;|&nbsp;<a href="#">开启提醒</a></p>
					<span class="live-fot-z">
						<a href="#" class="live-fot1">
							大数据分析之sql <br></a>

						<a href="#" class="live-fot2"> 张三 特约金牌讲师</a>
					</span>
				</li>
			</ul>
		</div>
		<div class="bottom">
			<div class="bottom-big w">
				<p class="bottom-top">趣学网是为千万学子提供在线学习和提升专业技能的平台</p>			
				<p class="bottom-middle">
					<span><a href="#">关于我们</a></span>
					<span><a href="#">联系我们</a></span>
					<span><a href="#">帮助中心</a></span>
					<span><a href="#">反馈</a></span>
					<span><a href="#">免责声明</a></span>
					<span><a href="#">意见反馈</a></span> <br>
				</p>
				<p class="bottom-bq">©2021-2022 版权所有 违者必究</p>
			</div>
		</div>
	</body>

</html>
